

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .7em "Trebuchet MS", Tahoma, Arial, Sans-Serif; background: #eee url(../images/bg.gif) repeat-x; color: #777; }
a { text-decoration: none; color: #6796CE; }
	a:hover { color: #45134A; }
p  { margin: 0 0 15px; line-height: 1.64em; }
#wrap { margin: 20px auto 0; width: 979px; }

.clear { clear: both; }

#logo { float: left; margin: 35px 0 0 20px; height: 89px; }
#logo a:hover { border-bottom: 1px solid #222; }
#logo p { padding: 2px 0 0 4px; font-size: .9em; color: #555; }
#logo h1 { 
    font-size: 2.6em; 
    margin: 0; 
    text-shadow: 1px 1px 1px #000; 
}

#logo h1 a { 
    color: #fff; 
}

#explore { float: right; margin: 130px 5px 0 0; }
#explore-link { float: left; height: 25px; padding: 9px 0 0 20px; width: 106px; color: #808080; background: url(../images/explore.gif) no-repeat; }
#explore-link:hover { color: #fff; }

#menu { clear: left; float: left; height: 43px; margin: 0 0 0 10px; background: url(../images/menu.gif) repeat-x; }
#menu-left { background: url(../images/menu-corners.gif) no-repeat left top; float: left; width: 9px; height: 43px; }
#menu-right { background: url(../images/menu-corners.gif) no-repeat left bottom; float: right; width: 9px; height: 43px; }
	
#menu ul { float: left; padding: 7px 0; }
#menu li { display: inline; text-transform: uppercase; }
#menu li a { float: left; margin: 0 5px 0 0; padding: 12px 0 15px 20px; color: #777; position: relative; z-index: 2; }
#menu li a span { padding: 12px 20px 15px 0; }
#menu li a:hover, #menu li a:focus { color: #1295E4; }
#menu li a.current { background: url(../images/tableft.gif) no-repeat; color: #000; font-weight: bold; }
#menu li a.current span { background: url(../images/tabright.gif) no-repeat right top; }
		
#content-top { clear: both; height: 26px; background: url(../images/content-top.gif) no-repeat; position: relative; margin: 0 !important; margin: -14px 0 0; }
#content-middle { padding: 0 25px 25px; background: url(../images/content-middle.gif) repeat-y; }
#content-bottom { clear: both; padding: 6px 0 7px; background: url(../images/content-bottom.gif) no-repeat left bottom; }
#pitch { text-shadow: 1px 1px 1px #3F6AA2; background: url(../images/pitch.jpg) no-repeat; height: 159px; padding: 50px 40px 0 30px; position: relative; margin: 0 -7px 30px; font-size: 1.3em; font-style: italic; color: #fff;  }



#pitch h1 { 
    float: left; 
    line-height: 1.3em; 
    font-style: normal; 
    font-size: 1.7em; 
    width: 260px; 
    padding: 0 40px 0 0; 
    height: 150px; 
    font-weight: normal; 
    text-transform: uppercase; 
}
#pitch h1 span { 
    font-size: 1.2em; 
    text-transform: lowercase; 
    font-size: .6em; 
    font-style: italic; 
    color: #F4EDC1; 
}

h3 { 
    font-size: 1.3em; 
    font: bold 1.3em Arial; 
    color: #222; 
    margin: 0 0 10px; 
}

.column { float: left; width: 283px; margin: 0 40px 0 0; line-height: 2.2em; }
.column.last { margin-right: 0; }
.column img { padding: 1px; }
.more a { background: url(../images/bullet.gif) no-repeat 0 7px; padding: 0 0 0 8px; color: #672A6D; font-weight: bold; font-size: .9em; }
	
#footer { padding: 20px; color: #999; }
#links { float: right; }
#links a { margin: 0 0 0 15px; }
                
.centrar
{
    background-color: #FF9;
    overflow: hidden;
    position: absolute;
    height: 200px;
    width: 300px;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -150px;
}
        
.demo_links {
float: left;
width: 50%;
margin-bottom: 1em;
}

.form-login {
	border: 1px solid #c4c4c4;
    width: 180px;
    height: 18px;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;


}

.form-login:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}


.txtCampo :focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.submitbutton, .submitbutton:visited { /* botones genéricos */
background: #222 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #FFF;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
height:40px;
}

.submitbutton::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.submitbutton:hover { /* el efecto hover */
background-color: #111 

}

.submitbutton:active{ /* el efecto click */
top: 1px;
}

.element-group {

width: 70%; margin-left: 30%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: left;
margin:0 auto 0 auto; width:390px;
 font-weight: bold;
    vertical-align: middle;
}

#content {
    display: table;
}

ul.errors li{
    color: red;
    font-weight: bold;
}

.dateTime {
    background-image: url("images/form_bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #D1C7AC;
    box-shadow: 0 0 8px #7BC1F7;
    color: #333333;
    font-family: tahoma,arial,sans-serif;
    font-size: 14px;
    margin-bottom: 8px;
    margin-right: 4px;
    outline: medium none;
    padding: 3px;
    width: 164px;
}

.textbox
{
outline: none;
background-image:url(images/form_bg.jpg);
background-repeat:repeat-x;
border:1px solid #d1c7ac;
width: 230px;
color:#333333;
padding:3px;
margin-right:4px;
margin-bottom:8px;
font-family: tahoma, arial, sans-serif;
font-size: 14px;
box-shadow: 0px 0px 8px #7bc1f7;
-moz-box-shadow: 0px 0px 8px #7bc1f7;
-webkit-box-shadow: 0px 0px 8px #7bc1f7;

}

form label{
 font-style:italic;
font-size:16px;
border-bottom:1px #000000 dashed;
text-align:left;
}


    #tablaPagos {
 
    font-family:  Futura, Arial, sans-serif;
    font-size: 1.3em;
    position: absolute;
left:530px;
top:311px;

border-collapse: separate;
border-spacing: 2px;
border-color: gray;
    }
    tbody {
        
    background: linear-gradient(#ccc, #777);
         
    font-size: 0.9em;
    }
    caption { font-size: larger; margin: 1em auto; }
    th, td { padding: .75em; }
    
    thead {
    background: linear-gradient(#ccc, #777);
    
    }
    
    .imagenDeuda
    {
        position: absolute;
left: 500px;
top: 325px;
    }
    
    thead:first-child { border-radius: 9px 0 0 0; }
    th:last-child { border-radius: 0 9px 0 0; }
    tr:last-child td:first-child { border-radius: 0 0 0 9px; }
    tr:last-child td:last-child { border-radius: 0 0 9px 0; }
    #tablaPagos tbody
    {
        color: white;
       background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */


    }
    
    #tablaPagos tfoot
    {
        color: white;
            
        background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */

    }
    #tablaPagos thead:nth-child(odd) { 
        color: white;
  background: rgb(89,89,89); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

    } 

    #valorDeuda3
    {
        font-style: italic;
font-size: 16px;
text-align: left;
        position: relative;
        left: 235px;
top: 49px;
    }
    
    #salvar_dato
    {
        
left: 479px;
top: 364px;
                   position: absolute;

/* border: 0; 
 background: transparent;*/
    }
    
#btnAgregar
{
           position: absolute;
           left: 483px;
top: 324px;
    
}
